<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>DPL: 字体</title>
<meta http-equiv="X-UA-Compatible" content="IE=Edge;Chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="/skin/frontend/uemall_v2/mobile/css/dpl.css">
<link rel="stylesheet" href="/skin/frontend/uemall_v2/mobile/css/dpl/dpl-demo.css">
</head>

<body class="cmWrapper dpl-demo-font">
<article class="cmPage">
	<header class="cmPageNavBar">
		<h1>字体</h1>
		<div class="cmBtnWrapper cmRight">
			<a class="cmBtn" href="javascript:location.reload();">刷新</a>
		</div>
		<div class="cmBtnWrapper cmLeft">
			<a class="cmBtn cmBack" href="../"><b>DPL</b></a>
		</div>
	</header>
	<section class="verdana">
		<h2>Verdana</h2>
		<dl>
			<dt>8px</dt><dd class="fs8px">ABCJRQXZ afgjkz 0123<br>.,;?()~+-/@#&amp;*&copy;&yen; 汉字</dd>
			<dt>10px</dt><dd class="fs10px">ABCJRQXZ afgjkz 0123<br>.,;?()~+-/@#&amp;*&copy;&yen; 汉字</dd>
			<dt>12px</dt><dd class="fs12px">ABCJRQXZ afgjkz 0123<br>.,;?()~+-/@#&amp;*&copy;&yen; 汉字</dd>
			<dt>14px</dt><dd class="fs14px">ABCJRQXZ afgjkz 0123<br>.,;?()~+-/@#&amp;*&copy;&yen; 汉字</dd>
			<dt>16px</dt><dd class="fs16px">ABCJRQXZ afgjkz 0123<br>.,;?()~+-/@#&amp;*&copy;&yen; 汉字</dd>
			<dt>18px</dt><dd class="fs18px">ABCJRQXZ afgjkz 0123<br>.,;?()~+-/@#&amp;*&copy;&yen; 汉字</dd>
			<dt>20px</dt><dd class="fs20px">ABCJRQXZ afgjkz 0123<br>.,;?()~+-/@#&amp;*&copy;&yen; 汉字</dd>
		</dl>
		<p class="line-height-test">JRQ afgjk 1069 ;?^/~</p>
	</section>
	<section class="arial">
		<h2>Arial</h2>
		<dl>
			<dt>8px</dt><dd class="fs8px">ABCJRQXZ afgjkz 0123<br>.,;?()~+-/@#&amp;*&copy;&yen; 汉字</dd>
			<dt>10px</dt><dd class="fs10px">ABCJRQXZ afgjkz 0123<br>.,;?()~+-/@#&amp;*&copy;&yen; 汉字</dd>
			<dt>12px</dt><dd class="fs12px">ABCJRQXZ afgjkz 0123<br>.,;?()~+-/@#&amp;*&copy;&yen; 汉字</dd>
			<dt>14px</dt><dd class="fs14px">ABCJRQXZ afgjkz 0123<br>.,;?()~+-/@#&amp;*&copy;&yen; 汉字</dd>
			<dt>16px</dt><dd class="fs16px">ABCJRQXZ afgjkz 0123<br>.,;?()~+-/@#&amp;*&copy;&yen; 汉字</dd>
			<dt>18px</dt><dd class="fs18px">ABCJRQXZ afgjkz 0123<br>.,;?()~+-/@#&amp;*&copy;&yen; 汉字</dd>
			<dt>20px</dt><dd class="fs20px">ABCJRQXZ afgjkz 0123<br>.,;?()~+-/@#&amp;*&copy;&yen; 汉字</dd>
		</dl>
		<p class="line-height-test">JRQ afgjk 1069 ;?^/~</p>
	</section>
	<section class="helvetica">
		<h2>Helvetica</h2>
		<dl>
			<dt>8px</dt><dd class="fs8px">ABCJRQXZ afgjkz 0123<br>.,;?()~+-/@#&amp;*&copy;&yen; 汉字</dd>
			<dt>10px</dt><dd class="fs10px">ABCJRQXZ afgjkz 0123<br>.,;?()~+-/@#&amp;*&copy;&yen; 汉字</dd>
			<dt>12px</dt><dd class="fs12px">ABCJRQXZ afgjkz 0123<br>.,;?()~+-/@#&amp;*&copy;&yen; 汉字</dd>
			<dt>14px</dt><dd class="fs14px">ABCJRQXZ afgjkz 0123<br>.,;?()~+-/@#&amp;*&copy;&yen; 汉字</dd>
			<dt>16px</dt><dd class="fs16px">ABCJRQXZ afgjkz 0123<br>.,;?()~+-/@#&amp;*&copy;&yen; 汉字</dd>
			<dt>18px</dt><dd class="fs18px">ABCJRQXZ afgjkz 0123<br>.,;?()~+-/@#&amp;*&copy;&yen; 汉字</dd>
			<dt>20px</dt><dd class="fs20px">ABCJRQXZ afgjkz 0123<br>.,;?()~+-/@#&amp;*&copy;&yen; 汉字</dd>
		</dl>
		<p class="line-height-test">JRQ afgjk 1069 ;?^/~</p>
	</section>
	<section class="sans-serif">
		<h2>Sans-Serif</h2>
		<dl>
			<dt>8px</dt><dd class="fs8px">ABCJRQXZ afgjkz 0123<br>.,;?()~+-/@#&amp;*&copy;&yen; 汉字</dd>
			<dt>10px</dt><dd class="fs10px">ABCJRQXZ afgjkz 0123<br>.,;?()~+-/@#&amp;*&copy;&yen; 汉字</dd>
			<dt>12px</dt><dd class="fs12px">ABCJRQXZ afgjkz 0123<br>.,;?()~+-/@#&amp;*&copy;&yen; 汉字</dd>
			<dt>14px</dt><dd class="fs14px">ABCJRQXZ afgjkz 0123<br>.,;?()~+-/@#&amp;*&copy;&yen; 汉字</dd>
			<dt>16px</dt><dd class="fs16px">ABCJRQXZ afgjkz 0123<br>.,;?()~+-/@#&amp;*&copy;&yen; 汉字</dd>
			<dt>18px</dt><dd class="fs18px">ABCJRQXZ afgjkz 0123<br>.,;?()~+-/@#&amp;*&copy;&yen; 汉字</dd>
			<dt>20px</dt><dd class="fs20px">ABCJRQXZ afgjkz 0123<br>.,;?()~+-/@#&amp;*&copy;&yen; 汉字</dd>
		</dl>
		<p class="line-height-test">JRQ afgjk 1069 ;?^/~</p>
	</section>
	<section class="serif">
		<h2>Serif</h2>
		<dl>
			<dt>8px</dt><dd class="fs8px">ABCJRQXZ afgjkz 0123<br>.,;?()~+-/@#&amp;*&copy;&yen; 汉字</dd>
			<dt>10px</dt><dd class="fs10px">ABCJRQXZ afgjkz 0123<br>.,;?()~+-/@#&amp;*&copy;&yen; 汉字</dd>
			<dt>12px</dt><dd class="fs12px">ABCJRQXZ afgjkz 0123<br>.,;?()~+-/@#&amp;*&copy;&yen; 汉字</dd>
			<dt>14px</dt><dd class="fs14px">ABCJRQXZ afgjkz 0123<br>.,;?()~+-/@#&amp;*&copy;&yen; 汉字</dd>
			<dt>16px</dt><dd class="fs16px">ABCJRQXZ afgjkz 0123<br>.,;?()~+-/@#&amp;*&copy;&yen; 汉字</dd>
			<dt>18px</dt><dd class="fs18px">ABCJRQXZ afgjkz 0123<br>.,;?()~+-/@#&amp;*&copy;&yen; 汉字</dd>
			<dt>20px</dt><dd class="fs20px">ABCJRQXZ afgjkz 0123<br>.,;?()~+-/@#&amp;*&copy;&yen; 汉字</dd>
		</dl>
		<p class="line-height-test">JRQ afgjk 1069 ;?^/~</p>
	</section>
	<section class="monospace">
		<h2>Monospace</h2>
		<dl>
			<dt>8px</dt><dd class="fs8px">ABCJRQXZ afgjkz 0123<br>.,;?()~+-/@#&amp;*&copy;&yen; 汉字</dd>
			<dt>10px</dt><dd class="fs10px">ABCJRQXZ afgjkz 0123<br>.,;?()~+-/@#&amp;*&copy;&yen; 汉字</dd>
			<dt>12px</dt><dd class="fs12px">ABCJRQXZ afgjkz 0123<br>.,;?()~+-/@#&amp;*&copy;&yen; 汉字</dd>
			<dt>14px</dt><dd class="fs14px">ABCJRQXZ afgjkz 0123<br>.,;?()~+-/@#&amp;*&copy;&yen; 汉字</dd>
			<dt>16px</dt><dd class="fs16px">ABCJRQXZ afgjkz 0123<br>.,;?()~+-/@#&amp;*&copy;&yen; 汉字</dd>
			<dt>18px</dt><dd class="fs18px">ABCJRQXZ afgjkz 0123<br>.,;?()~+-/@#&amp;*&copy;&yen; 汉字</dd>
			<dt>20px</dt><dd class="fs20px">ABCJRQXZ afgjkz 0123<br>.,;?()~+-/@#&amp;*&copy;&yen; 汉字</dd>
		</dl>
		<p class="line-height-test">JRQ afgjk 1069 ;?^/~</p>
	</section>
	<section class="simhei">
		<h2>黑体</h2>
		<p class="line-height-test">JRQ afgjk 1069 ;?^/~ 汉字</p>
		<p class="line-height-test bold">JRQ afgjk 1069 ;?^/~ 汉字</p>
	</section>
	<section class="huawenxihei">
		<h2>华文细黑</h2>
		<p class="line-height-test">JRQ afgjk 1069 ;?^/~ 汉字</p>
		<p class="line-height-test bold">JRQ afgjk 1069 ;?^/~ 汉字</p>
	</section>
	<section class="simsun">
		<h2>宋体</h2>
		<p class="line-height-test">JRQ afgjk 1069 ;?^/~ 汉字</p>
		<p class="line-height-test bold">JRQ afgjk 1069 ;?^/~ 汉字</p>
	</section>
	<section class="yahei">
		<h2>微软雅黑</h2>
		<p class="line-height-test">JRQ afgjk 1069 ;?^/~ 汉字</p>
		<p class="line-height-test bold">JRQ afgjk 1069 ;?^/~ 汉字</p>
	</section>
	<hr>
	<section class="act">
		<a class="cmBtn" href="javascript:location.reload();">刷新</a>
	</section>
	<hr>
	<footer>
		<address>&copy; UEFED.COM</address>
	</footer>
</article>
<script src="/js/mv1/lib/lib.js"></script>
<script src="/js/mv1/lib/dpl.js"></script>
<script>_.ext.ini(); DPL.ini(); _.ga.ini();</script>
</body>
</html>
